<template>
	<view class="content">
		<view class="body">
			<view class="text-area">
				<view>记录者：小强</view>
				<view>记录地址：福建省泉州市晋江市 水头外线</view>
				<view>观鸟日期：2021-11-11 15:21 至 16:21</view>
				<view>记录方式：样线</view>
				<view>鸟种数：11</view>
			</view>
			<view class="list">
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>
				<view class="list-card">
					<image :src="avatar" mode="heightFix"></image>
					<view class="text-content">
						<text class="title">绿翅鸭</text>
						<text class="title-right">12只</text>
					</view>
				</view>

			</view>
		</view>
		
		<operate-footer from='main' />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar: 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png',
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		.text-area {
			text-align: left;
			padding: 30rpx;
			color: #5c5c60;

			view {
				padding-bottom: 15rpx;
			}
		}
	}
</style>
